<!DOCTYPE html>
<html lang="en">
<head>
    <title>Cello</title>
    <link rel="shortcut icon" href="images/cello_small.png">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- jQuery UI -->
    <!--<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">-->
    <!-- Bootstrap -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <!-- Other CSS -->
    <link href="css/main.css" rel="stylesheet" type="text/css">

    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-57223580-1', 'auto');
        ga('send', 'pageview');
    </script>

</head>


<nav id="main-navbar" class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div>
            <div>
                <a class="navbar-brand" href="index.html">Cello</a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li><a id="verilog_link" href="">Verilog</a></li>
                    <li><a id="options_link" href="">Options</a></li>
                    <li class="active"><a id="results_link" href="">Results</a></li>
                    <li><a id="about_link" href="">About</a></li>
                </ul>
            </div>
            <div id="loginArea">
                <div class="navbar-form pull-right">
                    <input id="login_username" type="text" class="span2" placeholder="Login">
                    <input id="login_password" type="password" class="span2" placeholder="Password">
                    <input id="btnLogin" type="submit" value="Login" class="btn btn-warning">
                    <div id="loginError"></div>
                </div>
            </div>
        </div>
    </div>
</nav>


<body data-spy="scroll" data-target="#sidebar">

<div class="container-fluid">

    <div id="result_control" class="affix col-xs-12 col-sm-12 col-md-12 col-lg-12" style="height: 60px;">
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
            <img id="r1" class="results_icon center" src="results_icons/1_txt.jpg">
            <img id="r2" class="results_icon center" src="results_icons/2_wiring.jpg">
            <img id="r3" class="results_icon center" src="results_icons/3_truthtable.jpg">
            <img id="r4" class="results_icon center" src="results_icons/4_eugene.jpg">
            <img id="r5" class="results_icon center" src="results_icons/5_plasmid.jpg">
        </div>
        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" style="text-align: right">
            <label for="result_pulldown"><h3><small>Design Name</small></h3></label>
            <select id="result_pulldown"></select>
            <label for="show_nA" style="display: none"><h3><small>Assignment Index</small></h3></label>
            <select id="show_nA" style="display: none"></select>
            <button class="btn btn-default" id="delete_result">Delete</button>
            <button class="btn btn-default" id="download_zip">Download Zip</button>
        </div>
    </div>


        <div id="results_well" class="col-sm-12 col-md-12 col-lg-12 well">

            <div id="view1" class="view" style="display: none">
                <div id="div1a" class="col-sm-12 col-md-12 col-lg-12">
                    <h2><small>input Verilog</small></h2>
                    <pre id="file1a"></pre>
                </div>
                <div id="div1b" class="col-sm-12 col-md-12 col-lg-12">
                    <h2><small>output log file</small></h2>
                    <pre id="file1b"></pre>
                </div>
            </div>

            <div id="view2" class="view" style="display: none">
                <div id="div2a" class="boxed col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h2><small>gate assignment</small></h2>
                    <img id="file2a">
                </div>

                <div id="div2c" class="boxed col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h2><small>response functions</small></h2>
                    <img id="file2c" src="">
                </div>

                <div id="div2d" class="scrolling_x col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h2><small>predicted expression levels (RPU)</small></h2>
                    <pre id="file2d"></pre>
                </div>

                <div id="div2e" class="scrolling_x col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h2><small>predicted toxicity (relative OD600)</small></h2>
                    <pre id="file2e"></pre>
                </div>

                <div id="div2f" class="scrolling_x col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h2><small>logic circuit simulation</small></h2>
                    <pre id="file2f"></pre>
                </div>

                <div id="div2g" class="scrolling_x col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h2><small>bionetlist</small></h2>
                    <pre id="file2g"></pre>
                </div>
            </div>


            <div id="view3" class="view" style="display: none">
                <div id="div3a" class="boxed col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h2><small>predicted gate RPUs</small></h2>
                    <img id="file3a" src="">
                </div>

                <div id="div3b" class="boxed col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h2><small>predicted output RPUs</small></h2>
                    <div id="img3set" alt="Test Title">
                    </div>
                </div>
            </div>


            <div id="view4" class="view" style="display: none">
                <div id="div4a" class='col-xs-12 col-sm-12 col-md-5 col-lg-5'>
                    <h2><small>Eugene rules for plasmid design</small></h2>
                    <pre id='file4a'></pre>
                </div>

                <div id="div4b" class='col-xs-12 col-sm-12 col-md-7 col-lg-7'>
                    <h2><small>Circuit variants</small></h2>
                    <img id="file4b" src="">
                </div>
            </div>


            <div id="view5" class="view" style="display: none">

                <div id="div5a" class="col-xs-12 col-sm-12 col-md-4 col-lg-4" style="border: none">
                    <h2><small>SBOL files</small></h2>
                    <div id="sbol_list"></div>

                    <h2><small>Plasmid files</small></h2>
                    <div id="plasmid_list"></div>
                </div>

                <div id="div5b" class="col-xs-12 col-sm-12 col-md-8 col-lg-8" style="">
                    <pre contenteditable="true" id="plasmid_text"></pre>
                </div>
            </div>


            <div id="view6" class="view" style="display: none">
                <h2><small>download results</small></h2><a id="dl_link" href="" target-blank> Download zip file </a> <br>
            </div>

        </div>


    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
        <hr/>
        <h4><small>Cello is a trademark of <a id='nona_link' href='http://www.nonasoftware.org'>Nona Research Foundation, Inc.</a></small></h4>
        <hr/>
    </div>

</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/session_controller.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/result.js"></script>


<script type="text/javascript">


</script>



</body>
</html>

<style type="text/css">


</style>

